<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf8" />
<link rel="shortcut icon" href="<%=request.getContextPath()%>/favicon.ico" />
<title>爱打卡|注册</title>
<link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet" />
<style type="text/css">
body {
	padding-top: 60px;
	padding-bottom: 40px;
	padding-left: 100px;
	padding-right: 100px;
	font-family: "微软雅黑";
}

.form-register {
	max-width: 400px;
	padding: 19px 29px 29px;
	margin: 0 auto 20px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

.form-register .form-register-heading,.form-register .checkbox {
	margin-bottom: 10px;
}

.form-register input[type="text"],.form-register input[type="password"]
	{
	font-size: 16px;
	height: auto;
	margin-bottom: 15px;
	padding: 7px 9px;
}

.other-register {
	margin-top: 30px;
}
</style>
<link href="../bootstrap/css/bootstrap-responsive.min.css"
	rel="stylesheet" />
</head>
<body>
	<div class="container">
		<form class="form-register" action="<c:url value="/user/doregister.htm"/>" method="post">
			<h2 class="form-register-heading">免费注册</h2>
			<input type="text" name="email" class="input-block-level" placeholder="邮箱" /> 
			<input type="password" name="password" class="input-block-level" placeholder="密码" /> 
			<input type="password" name="conf_password" class="input-block-level" placeholder="确认密码" />
			<button class="btn btn-large btn-primary" type="submit" style="width: 120px;">免费注册</button>
			<div class="other-register">
				<hr />
					<a class="btn btn-primary btn-large" href="#">登录</a>
					<div style="padding-left: 20px; float: right;">
						用合作帐号登录： <a href="#">微博</a> <a href="#">qq</a>
					</div>
			</div>
		</form>
	</div>
	<!-- /container -->
	<script src="../js/jquery-1.9.1.js"></script>
	<script src="../bootstrap/js/bootstrap.min.js"></script>
</body>
</html>
